<template>
    <div class="transverse_img">
        <img v-for="(img,index) in ListImg" :src="img.url" :key="index">
    </div>
</template>

<script>

import {listUrl} from "../api/Pictures"

export default {
    name: 'TransverseImg',
   props:{
        ID:{
            type:Number,
            required:true
        }
   },
    data() {
        return {
            ListImg:[]
        };
    },

    mounted() {
        this.URlList()
    },

    methods: {
       async  URlList(){
            let {data}= await listUrl({ID:this.$props.ID})
           
            if (data.code==200) {
                this.ListImg= data.data.records;
            }
        }
    },
};
</script>

<style lang="scss" scoped>
.transverse_img{
    height: 100%;
    width: 100%;
    border: solid 2px rgba(50, 229, 166,0.8);
    display: flex;
    overflow-y:auto;
    img{
        padding:5px;
        height: 100%;
    }
}
</style>